<!DOCTYPE html>
<style>
body {
    margin: 0px;
    padding: 0px;
}

* {
    box-sizing: border-box;
}

.container {
    border: 1px solid red;
    width: 300px;
    height: 400px;
}

.row {
    border: 1px solid black;
    width: 300px;
    height: 66.6666px;
    float: left;
}
</style>
<script src="../../../resources/check-layout.js"></script>
<div class="container">
    <div class="row" data-offset-y=1></div>
    <div class="row" data-offset-y=68></div>
    <div class="row" data-offset-y=134></div>
    <div class="row" data-offset-y=201></div>
    <div class="row" data-offset-y=268></div>
    <div class="row" data-offset-y=334></div>
</div>
<script>
    window.checkLayout(".row");
</script>
<p>crbug.com/530964: Floats should use sub-pixel precision. The red and black borders should co-incide.</p>
